<template>
  <view class="page flex-col">
    <view class="list_3 flex-col">
      <view
        class="list-items_1 flex-col"
        v-for="(item, index) in loopData0"
        :key="index"
      >
        <view class="group_3 flex-row">
          <text class="text_2" v-html="item.lanhutext0"></text>
          <view
            class="text-wrapper_1 flex-col"
            :style="{ background: item.lanhuBg2 }"
          >
            <text
              class="text_3"
              :style="{ color: item.lanhufontColor1 }"
              v-html="item.lanhutext1"
            ></text>
          </view>
          <text class="text_4" v-html="item.lanhutext2"></text>
          <image
            class="label_1"
            referrerpolicy="no-referrer"
            :src="item.lanhuimage0"
          />
        </view>
        <view class="group_4 flex-row justify-between">
          <image
            class="label_2"
            referrerpolicy="no-referrer"
            :src="item.lanhuimage1"
          />
          <text class="text_5" v-html="item.lanhutext3"></text>
        </view>
        <view class="group_5 flex-row justify-between">
          <view class="box_1 flex-col"></view>
          <text class="text_6" v-html="item.lanhutext4"></text>
        </view>
        <view class="group_6 flex-row justify-between">
          <view class="section_5 flex-col"></view>
          <text class="text_7" v-html="item.lanhutext5"></text>
        </view>
        <view class="group_7 flex-row">
          <view class="image-text_3 flex-row justify-between">
            <image
              class="label_3"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage2"
            />
            <text class="text-group_1" v-html="item.lanhutext6"></text>
          </view>
          <button class="text-wrapper_2 flex-col" @click="onClick_1">
            <text class="text_8" v-html="item.lanhutext7"></text>
          </button>
        </view>
        <image
          class="image_2"
          referrerpolicy="no-referrer"
          :src="item.lanhuimage3"
        />
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: '顺风车',
          lanhuBg2: 'rgba(216,216,216,1.000000)',
          lanhutext1: '已完成',
          lanhufontColor1: 'rgba(153,153,153,1)',
          lanhutext2: '&nbsp;232.32元',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba6fee0bd69096ebe3b08300799f5772396e869cf84ec407f2cf1394ffa33086',
          lanhuimage1:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng217a365a9616e54586e90ebfea93fd4e6ebb6e81655c043ed3e0a49ab099cef2',
          lanhutext3: '今日&nbsp;12:25',
          lanhutext4: '贵州省地质科技园北门',
          lanhutext5: '贵阳北站',
          lanhuimage2:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge0b6e32758f282d8466604ee88a8ebf0c2d8fd37abd636c73c02c8df874ba0dc',
          lanhutext6: '删除',
          lanhutext7: '开发票',
          lanhuimage3:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga51e3008444da51265d02e6e33e5c472749dbe697d2c6e238f785581d987402a',
        },
        {
          lanhutext0: '顺风车',
          lanhuBg2: 'rgba(255,255,255,1.000000)',
          lanhutext1: '进行中',
          lanhufontColor1: 'rgba(102,102,102,1)',
          lanhutext2: '&nbsp;232.32元',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba6fee0bd69096ebe3b08300799f5772396e869cf84ec407f2cf1394ffa33086',
          lanhuimage1:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng217a365a9616e54586e90ebfea93fd4e6ebb6e81655c043ed3e0a49ab099cef2',
          lanhutext3: '今日&nbsp;12:25',
          lanhutext4: '贵州省地质科技园北门',
          lanhutext5: '贵阳北站',
          lanhuimage2:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge0b6e32758f282d8466604ee88a8ebf0c2d8fd37abd636c73c02c8df874ba0dc',
          lanhutext6: '删除',
          lanhutext7: '开发票',
          lanhuimage3:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga51e3008444da51265d02e6e33e5c472749dbe697d2c6e238f785581d987402a',
        },
        {
          lanhutext0: '顺风车',
          lanhuBg2: 'rgba(216,216,216,1.000000)',
          lanhutext1: '已完成',
          lanhufontColor1: 'rgba(153,153,153,1)',
          lanhutext2: '&nbsp;232.32元',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba6fee0bd69096ebe3b08300799f5772396e869cf84ec407f2cf1394ffa33086',
          lanhuimage1:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng217a365a9616e54586e90ebfea93fd4e6ebb6e81655c043ed3e0a49ab099cef2',
          lanhutext3: '今日&nbsp;12:25',
          lanhutext4: '贵州省地质科技园北门',
          lanhutext5: '贵阳北站',
          lanhuimage2:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge0b6e32758f282d8466604ee88a8ebf0c2d8fd37abd636c73c02c8df874ba0dc',
          lanhutext6: '删除',
          lanhutext7: '开发票',
          lanhuimage3:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga51e3008444da51265d02e6e33e5c472749dbe697d2c6e238f785581d987402a',
        },
      ],
      constants: {},
    };
  },
  methods: {
    onClick_1() {
		uni.navigateTo({
			url:"/pages/xyqc/sfc/client/invoice/invoice"
		})
    },
  },
};
</script>
<style>
@import '/static/module/common.css';
@import '/static/module/my-order.css';
</style>
